<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=no;">
    <title>设计师团队</title>
    <link rel="stylesheet" href="/Public/Wap/hpf/css/Hpfstyle.css" />
    <style>
        body .next{display: none}
    </style>
    <script src="/Public/static/jquery-1.10.2.min.js"></script>
    <script>
        $(function(){
            // 分类ajax加载
            $('body')
                    // 整体加载
                    .on('click', '.ajax-get-type', function () {
                        $.get($(this).attr('href'), function (r) {
                            r.status && $('body').html(r.html);
                        }, 'json');
                        return false;
                    })
                    // 分页加载
                    .on('click', '.next', function () {
                        $.get($(this).attr('href'), {}, function (r) {
                            $('#data_list').append(r.html);
                            $('#page_nav').html(r.pageNav);
                        }, 'json');
                        return false;
                    });
            $.get("{:U('Designer/index',array('tid'=>1,'fl'=>true))}",{}, function (r) {
                r.status && $('body').html(r.html);
            }, 'json');
        });
        $(window).scroll( function() {
	          totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());     //浏览器的高度加上滚动条的高度
	          if ($(document).height() <= totalheight)     //当文档的高度小于或者等于总的高度的时候，开始动态加载数据
	          {
	              //加载数据
//	              $("#data_list").append("我是新加载出来的数据<br/>");
                  $('body .next').click();
	          }
	     });
    </script>
</head>
<body>
</body>
</html>